import { $ } from './library/jquery-module.js';

// side-nav
let menu = $('#tabs>ul>li')
menu.on({
    'mouseover': function() {
        let index = menu.index(this);
        $(this).addClass('active').siblings().removeClass('active');
        $('#tabs>div').eq(index).addClass('showIt').siblings().removeClass('showIt');
    },
    'mouseout': function() {
        $(this).removeClass('active');
        $('#tabs>div').removeClass('showIt');
    }
});

$('#tabs>div').on({
    'mouseover': function() {
        let index = $('#tabs>div').index(this);
        menu.eq(index).trigger('mouseover');
    },
    'mouseout': function() {
        let index = $('#tabs>div').index(this);
        menu.eq(index).trigger('mouseout');
    }
});